<!DOCTYPE html>
<html lang="zh_ch">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <div class="B_box">
        <!-- 导航栏 -->
        <div class="nav">
            <!-- 左边部分 -->
            <div class="nav_l">
                <!-- logo -->
                <div class="logo">
                    logo
                </div>
                <ul>
                    <li>主页</li>
                    <li>论坛</li>
                    <li>首页</li>
                    <li>首页</li>
                    <li>首页</li>
                </ul>
            </div>
            <!-- 中间部分 -->
            <div class="nav_c">
                <div class="search">
                    <span><img src="images/放大镜.svg" alt=""></span>
                    <input type="text">
                </div>
                <div class="button">
                    <a href="#" >搜索</a>
                </div>
            </div>
            <!-- 时间 -->
            <div class="time">
                <span id="h">00</span>
                :
                <span id="m">00</span>
                :
                <span id="s">00</span>
            </div>
            <!-- 右边部分 -->
            <div class="nav_r">
                <div class="login">
                    <a href="javascript:;" id="lg">登录</a>
                    <a href="javascript:;" id="registered">注册</a>
                </div>
                <div class="image">
                    <span></span>
                </div>
                <div class="user">
                    <span class="name">user_name</span>
                </div>
                <div class="end">
                    <a href="javascript:;" id = "end">退出</a>
                </div>
            </div>
        </div>
        <!-- 头部滚动栏 -->
        <div class="H_box">
            <div class="H_box_img">
                <div class="r">></div>
            <div class="l"><</div>
            <div class="annotation"></div>  
            <ul class="images">
                <li><a href="javascript:;"><img src="./images/java.png" title="精选java中的多态和继承!"></a></li>
                <li><a href="javascript:;"><img src="./images/html.png" title="零基础如何高效的学习?"></a></li>
                <li><a href="javascript:;"><img src="./images/css.png" title="如何全面解决css在不同浏览器下的兼容问题?"></a></li>
                <li><a href="javascript:;"><img src="./images/javascript.png" title="javascript如何读取本地文件?"></a></li>
            </ul>
            <div class="radio">
            <ul>
                <li class="color"></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                
            </ul>
        </div>
        <div class="gg">
            <a href="#">文章推荐</a>
        </div>
            </div>
        </div>
        <!-- 网页主要内容 -->
        <div class="T_box">
            3
        </div>
        <!-- 尾部 -->
        <div class="F_box">
            4
        </div>
    </div>
</body>
</html>